//先全局安装或者本地安装

//引入gulp
const gulp = require("gulp");
//压缩CSS代码
const CleanCss = require("gulp-clean-css")
//热更新
const browserSync = require("browser-sync").create();
//引入gulp sass
const sass = require("gulp-sass")
//自动添加CSS前缀
const autoprefixer = require('gulp-autoprefixer');
//抑制错误
const plumber = require('gulp-plumber');



gulp.task("sass", function(){
//	监控路径
 gulp.src("src/scss/**/*.scss")
	 .pipe(plumber())
     .pipe(sass())
//添加CSS前缀
     .pipe(autoprefixer({
     	borwsers:['since 2010'],
     	cascade:false
     }))
     .pipe(plumber.stop())
//   输出路径
     .pipe(gulp.dest("src/css/"))
     })



	

gulp.task("css", function() {
	//	将要处理的CSS文件导入进来进行压缩
	gulp.src("src/css/**/*.css")
		//	压缩CSS代码
		.pipe(CleanCss())
		.pipe(gulp.dest("dist"))

})

gulp.task("copy-html", function() {
		gulp.src("src/**/*.html")
			.pipe(gulp.dest("dist/"))
	})



//热更新
gulp.task('browser-sync', function(){
    browserSync.init({
        server: {
            baseDir: "./"
        },
        port:8888
    });
//  监听下面的文件
    gulp.watch(["src/**/*.html"],browserSync.reload)
    .on("change",browserSync.reload)
    gulp.watch("src/scss/**/*.scss",["sass"])
    .on("change",browserSync.reload)
});
